<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=9, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>用户-我的预定</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="${__domain__}/static/common/common.css">
    <link rel="stylesheet" href="../my.less">
    <link rel="stylesheet" href="favor.less">
</head>

<body>
    <link rel="import" href="../../../widget/wd-header/wd-header.html?__inline">
    <div id="index-header">
        <div class="wrapper">
            <div class="portrait">
                <div class="head-icon">
                    
                    <a href=""><img src="img/demo/1.png" alt=""></a>
                </div>
                <div class="username">
                    <font>wildhorse5</font>
                    <div class="icon icon-female" style=""></div>
                </div>
                <div>
                    <span class="red">等级LV.2</span> | 现居广州 |
                    <a href="">
                        <div class="icon icon-setting" style=""></div>
                    </a>
                </div>
                <div class="follow"> <a href=""><span class="btn btn-blue">FOLLOW</span></a> 241</div>
            </div>
        </div>
    </div>
    <div class="user-nav-container">
        <div class="left-part"></div>
        <div class="right-part"></div>
        <ul class="user-nav">
            <li class="a1"><a href="">我的行程</a></li>
            <li class="a2 cur"><a href="">我的预订</a></li>
            <li class="a3"><a href="">我的问答</a></li>
            <li class="a4"><a href="">我的旅金</a></li>
            <li class="a5"><a href="">我的收藏</a></li>
        </ul>
    </div>
    <div style='clear:both'></div>
    <ul class="wrapper clearfix">
        <table class="main-detail-list">
            <colgroup width="350px;"></colgroup>
            <colgroup width="150px;"></colgroup>
            <colgroup width="80px;"></colgroup>
            <colgroup width="100px;"></colgroup>
            <colgroup width="120px;"></colgroup>
            <colgroup width="140px;"></colgroup>
            <colgroup width="130px;"></colgroup>
            <colgroup width="140px;"></colgroup>
            <tr>
                <th>订单名称</th>
                <th>出发日期<div class="icon icon-desc"></div></th>
                <th>单价</th>
                <th>件数</th>
                <th>订单操作</th>
                <th>交易状态</th>
                <th>交易操作<div class="icon icon-info" style=""> <div class="count">3</div> </div></th>
                <th>实付款</th>
            </tr>
            <tr id='options'>
                <td colspan="8">
                    <input type="checkbox" id='checkall'>全选
                    <div class="option"><a href="">批量付款</a></div>
                    <div class="option"><a href="">批量确认收货</a></div>
                </td>
            </tr>
            <tr class='order-head'>
                <td colspan="8">
                    <input type="checkbox"><b>2015-08-13</b>
                    <span>订单号：1150290236725560</span>
                    <span class='syn-num'>商家编号：123504</span>
                    <span class="contact-me"><a href="">和我联系</a></span>
                </td>
            </tr>
            <tr class='order-content'>
                <td>
                    <div class="icon"><img src="../img/demo/1.png" style="width:64px;height:64px;"></div>
                    <div class="title">【无待旅行】沙巴美人鱼岛2天1夜住宿 性价比超环滩岛
                        <div>出游人群：成人</div>
                    </div>
                </td>
                <td>2015-06-06
                </td>
                <td>
                    ￥1680</td>
                <td>3</td>
                <td class='border-child'><font class="blue"><a href="">取消</a>/<a href="">修改</a></font></td>
                <td class='border-child'>
                    买家已付款
                    <br>待确认
                    <br> <a href="">订单详情</a>
                </td>
                <td class='border-child'>
                    <div class="btn btn-red"><a href="">付款</a></div>
                </td>
                <td>
                    <font class="red">￥1000</font>
                    <br>未付金额：￥4040
                    </td>
            </tr>
            <tr class='order-content'>
                <td>
                    <div class="icon"><img src="../img/demo/1.png" style="width:64px;height:64px;"></div>
                    <div class="title">【无待旅行】沙巴美人鱼岛2天1夜住宿 性价比超环滩岛
                        <div>出游人群：成人</div>
                    </div>
                </td>
                <td>2015-06-06
                </td>
                <td>
                    ￥1680</td>
                <td>3</td>
                <td class='border-child'><font class="blue"><a href="">取消</a>/<a href="">修改</a></font></td>
                <td class='border-child'>
                    买家已付款
                    <br>待确认
                    <br> <a href="">订单详情</a>
                </td>
                <td class='border-child'>
                    <div class="option cur" style="margin:0px;"><a href="">重要提醒</a><div class="count">3</div></div>
                </td>
                <td>
                    <font class="red">￥1000</font>
                    <br>未付金额：￥4040
                    </td>
            </tr>
            <tr class='gap'>
                <td></td>
            </tr>
            <tr class='order-head'>
                <td colspan="8">
                    <input type="checkbox"><b>2015-08-13</b>
                    <span>订单号：1150290236725560</span>
                </td>
            </tr>
            <tr class='order-content'>
                <td>
                    <div class="icon"><img src="../img/demo/1.png" style="width:64px;height:64px;"></div>
                    <div class="title">【无待旅行】沙巴美人鱼岛2天1夜住宿 性价比超环滩岛
                        <div>出游人群：成人</div>
                    </div>
                </td>
                <td>2015-06-06
                </td>
                <td>
                    ￥1680</td>
                <td>3</td>
                <td class='border-child'><font class="blue"><a href="">取消</a>/<a href="">修改</a></font></td>
                <td class='border-child'>
                    买家已付款
                    <br>待确认
                    <br> <a href="">订单详情</a>
                </td>
                <td class='border-child'>
                    <div class="btn btn-default pj"><a href="javascript:void(0)">评价</a></div>
                </td>
                <td>
                    <font class="red">￥1000</font>
                    <br>未付金额：￥4040
                    </td>
            </tr>


            <tr class='order-head'>
                <td colspan="8">
                    <input type="checkbox"><b>2015-08-13</b>
                    <span>订单号：1150290236725560</span>
                </td>
            </tr>
            <tr class='order-content'>
                <td>
                    <div class="icon"><img src="../img/demo/1.png" style="width:64px;height:64px;"></div>
                    <div class="title">【无待旅行】沙巴美人鱼岛2天1夜住宿 性价比超环滩岛
                        <div>出游人群：成人</div>
                    </div>
                </td>
                <td>2015-06-06
                </td>
                <td>
                    ￥1680</td>
                <td>3</td>
                <td class='border-child'><font class="blue"><a href="">取消</a>/<a href="">修改</a></font></td>
                <td class='border-child'>
                    买家已付款
                    <br>待确认
                    <br> <a href="">订单详情</a>
                </td>
                <td class='border-child'>
                    <div class="btn btn-default  pj-zj"><a href="javascript:void(0)">追加评价</a></div>
                </td>
                <td>
                    <font class="red">￥1000</font>
                    <br>未付金额：￥4040
                    </td>
            </tr>
        </table>
    </ul>
    <ul class="pages wrapper">
        <li class="cur"><a href="">1</a></li>
        <li><a href="">2</a></li>
        <li><a href="">3</a></li>
        <li><a href="">4</a></li>
        <li class="last"><a href="">ww</a></li>
    </ul>
    <link rel="import" href="../../../widget/wd-footer/wd-footer.html?__inline">
    <!-- your page.js -->
    <script type="text/javascript">
    </script>
    <script>
    require(['page/user/order']);
    </script>
</body>

</html>
